<template>
  <div class="confirm">
    <mt-header title="购物车">
      <div slot="left">
        <mt-button icon="back">返回</mt-button>
      </div>
    </mt-header>
    <div class="menu">
      <mt-cell title="废旧电视机" to="" value="￥300">
        <mt-palette-button class="minus" content="-"></mt-palette-button>
        <mt-label>2</mt-label>
        <mt-palette-button class="plus" content="+"></mt-palette-button>
      </mt-cell>
      <mt-cell title="废旧洗衣机" to="" value="￥200">
        <mt-palette-button class="minus" content="-"></mt-palette-button>
        <mt-label>2</mt-label>
        <mt-palette-button class="plus" content="+"></mt-palette-button>
      </mt-cell>
      <mt-cell title="废旧空调" to="" value="￥200">
        <mt-label>1</mt-label>
        <mt-palette-button class="plus" content="+"></mt-palette-button>
      </mt-cell>
    </div>
    <div class="page">
      <div class="cart">
        <img src="../../assets/img/cart.png">
      </div>
      <div class="con">
        <mt-tabbar v-model="selected">
          <mt-tab-item>￥120</mt-tab-item>
          <mt-tab-item>确认订单</mt-tab-item>
        </mt-tabbar>
      </div>
    </div>
  </div>
</template>

<script>
    export default {
        name: "confirm"
    }
</script>

<style scoped>
  .confirm {
    background-color: #fff;
    position: absolute;
    top: 0;
    width: 100%;
    height: 90%;
  }
  .menu {
    position: absolute;
    left: 7%;
    top: 10%;
    width: 86%;
    height: 90%;
  }
  .minus {
    height: 35px;
    width: 35px;
    color: #f7f8fb;
    margin-top: 7px;
    margin-right: 7px;
  }
  .plus {
    height: 35px;
    width: 35px;
    color: #f7f8fb;
    margin-top: 10px;
    margin-left: 10px;
  }
  .page {
    width: 100%;
    height: 10%;
    background-color: #efedef;
    position: fixed;
    bottom: 0;
    left: 0;
  }
  .cart {
    width: 10%;
    left: 6%;
    height: 10%;
    bottom: 0;
  }
  .cart img {
    position: absolute;
    width: 40px;
    height: 40px;
    left: 7%;
    bottom: 7px;
  }
  .con {
    position: absolute;
    width: 84%;
    left: 16%;
    height: 10%;
    bottom: 0;
  }
</style>
